Exemplars: Create a high-fidelity prototype for a responsive website
示例：為響應式網站建立高保真原型

透過三個範例，理解一個合格的高保真響應式網頁原型應包含的關鍵內容，並學會對照標準檢查並完善自己的設計。

示例一：MediMatch Connect —— 醫療服務查詢平臺

專案目標：幫助使用者在自己所在地區搜尋、比較、選擇和聯絡醫療從業者。

設計亮點：

使用者流程清晰：

  1. 進入主頁搜尋醫生
  1. 檢視醫生列表
  1. 點選進入醫生個人頁面
  1. 點選"聯絡醫生"按鈕
  1. 彈窗出現，傳送資訊後關閉返回醫生頁面

示例二：Fairweather Pavilion Rentals —— 戶外活動亭租賃網站

專案目標：幫助城市居民快速預訂公園亭子，用於舉辦活動。

頁面設計：

  1. 主頁：展示特色亭子和篩選條件（地點、價格、容量）
  1. 詳情頁：顯示單個亭子的資訊與"立即預訂"按鈕
  1. 預訂頁：包含日曆、時間選擇、返回/繼續按鈕
  1. 支付頁：包含費用詳情、輸入支付資訊、完成按鈕

示例三：Go>>Fresh —— 小型企業庫存管理平臺

專案目標：幫助本地商家檢視、新增、追蹤庫存資料，提高管理效率。

設計亮點：